//用户界面的js
//JavaScript代码区域
layui.use(['element', 'form', 'jquery', 'layer', 'table', 'upload','laydate'], function () {
    var element = layui.element;
    var form = layui.form;
    var $ = layui.jquery;
    var table = layui.table;
    var layer = layui.layer;
    var upload = layui.upload;
    var laydate = layui.laydate;

    //添加用户注册的时间
    laydate.render({
        elem : '#a_registerTime',
        type: 'datetime'    //既要年月日又要时分秒
    })

    //修改用户注册的时间
    laydate.render({
        elem : "#e_registerTime",
        type: 'datetime'    //既要年月日又要时分秒
    })

    var tableData = table.render({
        elem: '#users'
        , url: '/system/user/loadAllUsers'
        , page: true //开启分页
        , toolbar: true //开启头部工具栏，并为其绑定左侧模板
        , title: '用户数据表'
        , limits: [10, 20, 50, 100]
        , cols: [ [
            {field: 'userId', title: '业主编号', sort: true, align: 'center'}
            , {field: 'userName', title: '业主名字', align: 'center'}
            , {field: 'userPassword', title: '业主密码', align: 'center'}
            , {field: 'userAge', title: '业主年龄', align: 'center'}
            , {field: 'userPhone', title: '业主联系方式', align: 'center'}
            , {field: 'areaAddress', title: '区域住址', align: 'center'}
            , {field: 'detailedAddress', title: '详细地址', align: 'center'}
            , {field: 'floorUnit', title: '单元号', align: 'center'}
            , {field: 'communityName', title: '所属小区', align: 'center'}
            , {field: 'accumulatedPoints', title: '累计积分', align: 'center'}
            , {field: 'availablePoints', title: '可用积分', align: 'center'}
            , {field: 'registerTime', title: '注册时间', align: 'center'}
            , {field: 'userPic', title: '业主头像', align: 'center' , templet : function (d) {
                    return '<img width=50 height=50 src='+d.userPic+'>'
                }}
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center' , width : '160'}
        ] ]
    });

    //获取弹出层的索引
    var addIndex;
    //添加用户弹出层
    $('#doAdd').click(function () {
        addIndex = layer.open({
            type: 1,
            title : '添加用户',
            //content属性为打开某个定义好的
            content: $('#addUserDiv'),
            area: ['800px', '700px'],
            //这个函数是防止打开弹窗后遮挡屏幕
            success:function(layer){
                var mask = $(".layui-layer-shade");
                mask.appendTo(layer.parent());
                //其中：layer是弹层的DOM对象
                //每次打开弹出层时刷新内容
                $('#reloadFrame').click();
                $('#addUserPic').attr("src","/system/user/file/showImgByPath?path=default/default.jpg");
                $('#a_userPic').val("default/default.jpg");
            }
        })
    });
    //添加用户事件结束


    //监控提交事件
    form.on("submit(doSubmit)", function (data) {
        //alert(data.field);
        $.post('/system/user/addUser', data.field, function (res) {
            if (res.code == 200) {
                layer.confirm('是否继续录入？', {
                    btn: ['继续', '取消'] //按钮
                }, function (myself) {
                    //无论继续输入还是取消重置按钮会被点击
                    //点击继续后清空图片为默认图片,清空隐藏框里的值
                    $('#addUserPic').attr("src","/system/user/file/showImgByPath?path=default/default.jpg");
                    $('#a_userPic').val("'default/default.jpg'");
                    $('#reloadFrame').click();
                    layer.close(myself);
                }, function () {
                    //无论继续输入还是取消重置按钮会被点击
                    //点击继续后清空图片为默认图片,清空隐藏框里的值
                    $('#addUserPic').attr("src","/system/user/file/showImgByPath?path=default/default.jpg");
                    $('#a_userPic').val("default/default.jpg");
                    $('#reloadFrame').click();
                    layer.close(addIndex);
                });
            }
            //不管成功还是失败,父级页面都要刷新
            tableData.reload();
        });
        //要应用ajax提交,所以return false
        return false;
    });
    //提交事件结束

    //执行查询
    form.on("submit(doSearch)", function (data) {
        tableData.reload({
            url: '/system/user/loadAllUsers',
            //where是将条件拼接在后面
            where: data.field
        })
        //返回数据时自动将输入框清空
        $('#s_userId').val("");
        $('#s_userName').val("");
        $('#s_userPhone').val("");
        //防止提交
        return false;
    })
    //查询事件结束

    //监听工具条的事件
    table.on('tool(userTable)',function (obj) {
        //userTable是数据表格中lay-filter对应的事件
        var event = obj.event;
        var userData = obj.data;
        switch (event) {
            //通过id删除用户
            case 'deleteUserById':
                layer.confirm("确认删除 ID为 "+userData.userId+" 这条数据吗?", function(){
                    $.post('/system/user/deleteUserById',userData,function (res) {
                        if (res.code==200){
                            //无论删除成功还是失败都刷新表格
                            tableData.reload();
                            layer.msg(res.msg);
                        }else if (res.code==-1){
                            //无论删除成功还是失败都刷新表格
                            tableData.reload();
                            layer.msg(res.msg);
                        }
                    })
                });
                break;
                //删除事件结束

            //修改事件开始
            case 'editUserById':
                //获取修改用户弹出层的索引
                var editIndex;
                //修改用户弹出层
                editIndex = layer.open({
                    type: 1,
                    title : '修改用户',
                    //content属性为打开某个定义好的
                    content: $('#editUserDiv'),
                    area: ['800px', '700px'],
                    success:function(layer){
                        //防止打开弹窗后遮挡屏幕
                        var mask = $(".layui-layer-shade");
                        mask.appendTo(layer.parent());
                        //其中：layer是弹层的DOM对象
                        form.val('formData',userData);
                        $('#editUserPic').attr("src",userData.userPic);
                    }
                });
                //监听修改事件
                form.on('submit(editSubmit)',function (userData) {
                    layer.confirm("确认修改吗?",function () {
                        $.post('/system/user/editUser',userData.field,function (res) {
                            if (res.code==200){
                                //无论修改成功还是失败都刷新表格
                                layer.close(editIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }else if (res.code==-1){
                                //无论删除成功还是失败都刷新表格
                                layer.close(editIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }
                        })
                    })
                    return false;
                    })
                break;
            //修改用户事件结束

            //审核业主身份信息开始
            case 'reviewUserById':
                //获取业主订单弹出层的索引
                var reviewIndex;
                //修改业主弹出层
                reviewIndex = layer.open({
                    type: 1,
                    title : '业主身份验证',
                    //content属性为打开某个定义好的
                    content: $('#reviewIdentityDiv'),
                    area: ['800px', '800px'],
                    success:function(layer){
                        //防止打开弹窗后遮挡屏幕
                        var mask = $(".layui-layer-shade");
                        mask.appendTo(layer.parent());
                        //其中：layer是弹层的DOM对象
                        form.val('formData',userData);
                        //打开清空上个弹出层的图片,清空预览图片节点下的所有图片
                        var userIdentityPic = document.getElementById("userIdentityPic");
                        while(userIdentityPic.hasChildNodes()){
                            userIdentityPic.removeChild(userIdentityPic.firstChild);
                        }

                        var identityPics = userData.identityPic;
                        if (identityPics != null){
                            var pics = identityPics.split(",");
                            for (var i = 0; i < pics.length; i++){
                                $('#userIdentityPic').append('<img id="identityPic_'+i+'" src="'+ pics[i] +'" class="layui-upload-img" style="width:500px;height:250px;margin: 10px;">')
                            }
                        }
                    }
                });

                //监听业主身份修改事件
                form.on('submit(reviewSubmit)',function (orderData) {
                    layer.confirm("确认审核吗?",function () {
                        $.post('/system/user/reviewUserById',orderData.field,function (res) {
                            if (res.code==200){
                                //无论修改成功还是失败都刷新表格
                                layer.close(reviewIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }else if (res.code==-1){
                                //无论删除成功还是失败都刷新表格
                                layer.close(reviewIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }
                        })
                    })
                    return false;
                })
                break;
            //审核业主身份信息事件结束
        }
    })

    //修改用户头像的文件上传事件
    upload.render({
        elem : '#editUserPic',
        url : '/system/user/file/uploadUserPic',
        method : 'post',
        acceptMime : 'image/*',     //上传时只显示文件夹图片
        size : 1024 * 5,    //上传限制为5MB
        done : function (res) {
            var path = res.path;
            //alert(path);
            $('#editUserPic').attr('src','/system/user/file/showImgByPath?path='+path);
            $('#e_userPic').val(path);
        }
    })
    //修改用户头像的文件上传事件结束

    //添加用户头像的文件上传事件
    upload.render({
        elem : '#addUserPic',
        url : '/system/user/file/uploadUserPic',
        method : 'post',
        acceptMime : 'image/*',     //上传时只显示文件夹图片
        size : 1024 * 5,    //上传限制为5MB
        done : function (res) {
            var path = res.path;
            //alert(path);
            $('#addUserPic').attr('src','/system/user/file/showImgByPath?path='+path);
            $('#a_userPic').val(path);
        }
    })
    //添加用户头像的文件上传事件结束

});